<template>
  <view class="house">
    <life-empty v-if="!houseList.length" url="/pkg-house/add-house/add-house" tip="您还没有认证房屋，请点击"></life-empty>

    <view v-else class="house-list">
      <house-item></house-item>
      <house-item></house-item>
      <house-item></house-item>
      <house-item></house-item>
      <life-button icon="../../static/icon/add.png">添加新房屋</life-button>
    </view>
  </view>
</template>

<script>
  import {
    getHouseList
  } from '@/api/house.js'
  export default {
    data() {
      return {
        houseList: []
      }
    },
    onLoad() {
      // this.loadHouseList()
    },
    methods: {
      async loadHouseList() {
        const res = await getHouseList()
        this.houseList = res.data
      }
    }
  }
</script>

<style lang="scss" scoped>
  .house {
    height: 100%;
    background-color: #FAFAFA;

    .house-list {
      padding: 40rpx;

      ::v-deep .u-swipe-action-item__content {
        background-color: unset !important;
      }

      ::v-deep .u-swipe-action-item {
        background-color: #CC655E;
        border-radius: 16rpx;
      }

      ::v-deep .u-swipe-action {
        margin-bottom: 20rpx;
      }
    }


  }
</style>
